<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="shortcut icon" href="../favicon.ico">
    <link rel="stylesheet" href="../libs/iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/cart.css">
    <link rel="stylesheet" href="../css/base.css">
</head>
<body>
    <header id="header"></header>
    
    <main>
        <div class="cartTable">
            <table>
                <thead>
                    <tr>
                        <th>全选</th>
                        <th>商品</th>
                        <th>单价</th>
                        <th>数量</th>
                        <th>小计</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>
            <div class="footer">
                <div class="left">
                    <input type="checkbox" value="" class="selectAll" />
                    <span class="dlAll">删除</span>
                </div>
                <div class="rirght">
                    <div class="allNum">已选商品<b class="totalNum">0</b>件</div>
                    <div class="allCount">合计 ￥<b class="money">0</b></div>
                    <div class="calc"><a href="./pay.html">结算</a></div>
                </div>
            </div>
        </div>
    </main>
    
    <footer id="footer"></footer>
    <script src="../js/cart.js"></script>
    <script src="../libs/jquery.min.js"></script>
    <script>
        $('header').load('./header.html')
        $('footer').load('./footer.html')
    </script>
</body>
</html>